import classNames from 'classnames/bind';
import { ReceivingReviewContextProvider } from './contexts/ReceivingReviewContext';
import StateSidebar from './components/StateSidebar';
import PageTitle from './components/PageTitle';
import PageContent from './components/PageContent';

import styles from './styles/receivingReviewMain.module.scss';

const cx = classNames.bind(styles);

const AccessionReceivingReviewMain = () => {
  return (
    <>
      <ReceivingReviewContextProvider>
        <div className={cx('page-wrap')}>
          <div className={cx('sidebar-wrap')}>
            <StateSidebar />
          </div>
          <div className={cx('content-wrap')}>
            <PageTitle />
            <PageContent />
          </div>
        </div>
      </ReceivingReviewContextProvider>
    </>
  );
};

export default AccessionReceivingReviewMain;
